<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="../../assets/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../common/common.css"/>
    <style>
        html,body{height:100%;}
        #uploadData {  padding: 20px;  height: 100%; }
        #uploadData > div {  display: inline-block;  width: 49%;  }
        .uploadControl {  border-right: 1px solid #ccc;  height: 100%;  text-align: center; overflow:auto; }
        .info {  color: #ccc;  line-height: 30px;  }
        .infoContainer {  text-align: left;  padding: 20px 10px;  }
        .uploadControl .noUploadList {  color: #f00;  text-align: left;  margin: 20px 10px 0;  }
        .noUploadList {  display: none; }
        .preUplad {  height: 100%;  float: right; overflow:auto; }
        .preUplad ul li {  padding: 10px 30px;  position: relative;  }
        .preUplad ul li .icon {  cursor:pointer; position: absolute;  display: inline-block;  width: 20px;  height: 20px;  background-image: url("../imgs/coursewareNo.png");  background-size: cover;  left: 0;  }
        .preUplad ul li .fileSize {  color: #ccc;  padding: 0 10px;  }
        .preUplad ul li .delete {font-size: 23px; color: #f00;float:right;cursor:pointer;}
        .preUplad ul li .fileContril {  float: right;  color: #3399ff;  cursor: pointer;  margin: 0 10px;  }
        .preUplad ul li .fileContril:hover {  color: #1488ff;  }
        .preUplad ul li .remark {margin:10px 0;}
        .layui-upload-choose,.verifyError,.uploadFileItem{display: none;}
    </style>
</head>
<body>
<div id="uploadData" class="layui-form">
    <div class="uploadControl">
        <div class="layui-upload-drag" id="uploadDrag">
            <p>点击上传，或将文件拖拽到此处</p>
        </div>
        <!--<button type="button" class="layui-btn layui-btn-primary" id="uploadButton">选择文件</button>-->
        <div class="noUploadList">
            格式或大小不支持：
            <!--<div>fdsafdsaf.ppt</div>-->
        </div>
        <div class="infoContainer">
            <div class="info">* 支持格式：MP3、MP4、AMR、WAV、CWEP、PPT、PPTX、WORD、PNG、JPG</div>
            <div class="info">* 支持大小：单个文件不超过10M</div>
        </div>
        <input type="file" multiple class="verifyError"/>
    </div>
    <div class="preUplad">
        <span class="info">* 资料名称不超过25字</span>
        <ul class="layui-form">
            <!--<li>-->
                <!--<input type="file" class="uploadFileItem"/>-->
                <!--<span class="icon"></span>timg-3.jpeg <span class="fileSize">(87.4K)</span>-->
                <!--<i class="layui-icon delete">&#x1007;</i>-->
                <!--<a class="fileContril">等待上传</a>-->
                <!--<div class="layui-inline-block">-->
                    <!--<input type="text" name="remark"  placeholder="请输入资料名称（选填）" autocomplete="off" class="layui-input remark">-->
                <!--</div>-->
            <!--</li>-->
        </ul>
    </div>
</div>
<script src="../../assets/jquery-1.7.2.min.js"></script>
<script src="../../assets/FileReader.js"></script>
<script src="../../assets/layui/layui.js"></script>
<script src="../../common/Common.js"></script>
<script src="../js/pageFrame/uploadData.js"></script>
</body>
</html>